<!DOCTYPE HTML>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>FreeBIRD Application - Eclipse Free BIRD Tools</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="FreeBIRD Application - Describing BIRD in a well-known language" />
	<meta name="keywords" content="FreeBIRD Application, Eclipse Free BIRD Tools, Django, Python" />
	<meta name="author" content="Neil Mackenzie" />

	<!-- Facebook and Twitter integration -->
	<meta property="og:title" content="FreeBIRD Application"/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content="Eclipse Free BIRD Tools"/>
	<meta property="og:description" content="Describing BIRD in a well-known language, easily extended by AI tooling"/>
	<meta name="twitter:title" content="FreeBIRD Application" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<link href="https://fonts.googleapis.com/css?family=Raleway:100,300,400,700" rel="stylesheet">

	<!-- Animate.css -->
	<link rel="stylesheet" href="css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="css/icomoon.css">
	<!-- Themify Icons-->
	<link rel="stylesheet" href="css/themify-icons.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="css/bootstrap.css">
	<!-- Magnific Popup -->
	<link rel="stylesheet" href="css/magnific-popup.css">
	<!-- Owl Carousel  -->
	<link rel="stylesheet" href="css/owl.carousel.min.css">
	<link rel="stylesheet" href="css/owl.theme.default.min.css">
	<!-- Theme style  -->
	<link rel="stylesheet" href="css/style.css">

	<!-- Modernizr JS -->
	<script src="js/modernizr-2.6.2.min.js"></script>
	<!-- Page Allowlist Check -->
	<script src="js/allowlist.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
	<![endif]-->

	<style>
		.doc-section {
			padding: 80px 0;
			border-bottom: 1px solid #eee;
		}
		.doc-section:last-child {
			border-bottom: none;
		}
		.doc-icon {
			width: 120px;
			height: 120px;
			margin: 0 auto 30px;
			background: #0077be;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 48px;
			color: white;
			transition: all 0.3s ease;
		}
		.doc-icon:hover {
			background: #008793;
			transform: translateY(-5px);
		}
		.doc-card {
			text-align: center;
			padding: 40px 20px;
			margin-bottom: 30px;
		}
		.doc-card h3 {
			margin: 20px 0;
			color: #333;
		}
		.doc-card p {
			color: #666;
			margin-bottom: 30px;
		}
		
		/* Feature Grid */
		.feature-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
			gap: 30px;
			margin: 40px 0;
		}
		
		.card-feature {
			background: white;
			border: 1px solid #e0e6ed;
			border-radius: 15px;
			padding: 40px 30px;
			text-align: center;
			transition: all 0.3s ease;
			box-shadow: 0 2px 10px rgba(0,0,0,0.05);
		}
		
		.card-feature:hover {
			transform: translateY(-5px);
			box-shadow: 0 15px 35px rgba(0,0,0,0.1);
		}
		
		.card-feature .icon {
			width: 80px;
			height: 80px;
			background: #0077be;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0 auto 25px;
			font-size: 32px;
			color: white;
			transition: all 0.3s ease;
		}
		
		.card-feature:hover .icon {
			background: #008793;
			transform: scale(1.1);
		}
		
		.card-feature h3 {
			color: #333;
			margin-bottom: 15px;
			font-weight: 600;
		}
		
		.card-feature p {
			color: #666;
			line-height: 1.6;
		}

		/* Technical Features Grid */
		.tech-features-grid {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
			gap: 20px;
			margin: 30px 0;
		}
		
		.tech-features-grid ul {
			background: #f8f9fa;
			padding: 30px;
			border-radius: 10px;
			border-left: 4px solid #0077be;
		}
		
		.tech-features-grid ul li {
			margin-bottom: 12px;
			color: #555;
		}

		/* Getting Started Steps */
		.getting-started-steps {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
			gap: 30px;
			margin: 40px 0;
		}
		
		.step-card {
			background: white;
			border: 1px solid #e0e6ed;
			border-radius: 15px;
			padding: 40px 30px;
			text-align: center;
			transition: all 0.3s ease;
			box-shadow: 0 2px 10px rgba(0,0,0,0.05);
		}
		
		.step-card:hover {
			transform: translateY(-5px);
			box-shadow: 0 15px 35px rgba(0,0,0,0.1);
		}
		
		.step-card .icon {
			width: 80px;
			height: 80px;
			background: #0077be;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 0 auto 25px;
			font-size: 32px;
			color: white;
			transition: all 0.3s ease;
		}
		
		.step-card:hover .icon {
			background: #008793;
			transform: scale(1.1);
		}

		/* Codespace Button */
		.btn-codespace {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			background: #0077be;
			color: white;
			border: none;
			padding: 12px 20px;
			border-radius: 6px;
			font-weight: 500;
			text-decoration: none;
			transition: all 0.3s ease;
			font-size: 14px;
		}
		.btn-codespace:hover {
			background: #008793;
			color: white;
			text-decoration: none;
			transform: translateY(-1px);
		}
		.codespace-icon {
			fill: currentColor;
		}

		/* Responsive adjustments */
		@media (max-width: 768px) {
			.feature-grid,
			.getting-started-steps {
				grid-template-columns: 1fr;
				gap: 20px;
			}
			
			.tech-features-grid {
				grid-template-columns: 1fr;
			}
		}
	</style>
</head>
<body>

<div class="gtco-loader"></div>

<div id="page">

	<!-- Navigation Include -->
	<div w3-include-html="navbar.html"></div>

	<header class="hero-section">
		<div class="gtco-container">
			<div class="row">
				<div class="col-md-12 text-center">
					<h1>FreeBIRD Application</h1>
					<h2>Describing BIRD in a well-known language, easily extended by AI tooling</h2>
					<div style="margin-top: 40px;">
						<a href="documentation.html#quickstart" class="btn-primary"><b>Get Started</b></a>
						<a href="https://github.com/eclipse/efbt" class="btn-secondary" style="margin-left: 20px;"><b>View on GitHub</b></a>
					</div>
				</div>
			</div>
		</div>
	</header>

	<!-- Dynamic Sidebar will be inserted here by JavaScript -->

	<!-- Main Content -->
	<div class="main">

		<!-- Overview Section -->
		<section class="doc-section" id="overview">
			<div class="gtco-container">
				<div class="row">
					<div class="col-md-12">
						<div class="doc-card">
							<div class="doc-icon">
								<i class="ti-eye"></i>
							</div>
							<h3>Powerful BIRD Implementation with Django</h3>
							<p style="font-size: 18px; line-height: 1.8; max-width: 900px; margin: 0 auto 60px;">
								The FreeBIRD Application describes the artefacts of <a href="https://bird.ecb.europa.eu/">BIRD</a> (data models and transformations) in the popular <a href="https://www.djangoproject.com/">Python Django</a> framework that is used by millions of developers worldwide.
							</p>

							<!-- Feature Cards -->
							<div class="feature-grid">
								<div class="card-feature">
									<div class="icon"><i class="ti-world"></i></div>
									<h3>AI-Friendly Framework</h3>
									<p>AI models such as Claude and ChatGPT are trained on billions of lines of code, of which a large percentage is Python Django. This makes it easy to analyse and extend using AI tools.</p>
								</div>

								<div class="card-feature">
									<div class="icon"><i class="ti-github"></i></div>
									<h3>Open Source</h3>
									<p>The code and technical information about the FreeBIRD Application is available on <a href="https://github.com/eclipse/efbt">GitHub</a>, governed in a vendor-neutral fashion by the Eclipse Foundation.</p>
								</div>

								<div class="card-feature">
									<div class="icon"><i class="ti-layers"></i></div>
									<h3>Modular Architecture</h3>
									<p>Built with a modular, extensible architecture that allows you to customize and extend functionality while maintaining compatibility with the core BIRD specifications.</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- Technical Features Section -->
		<section class="doc-section" id="features">
			<div class="gtco-container">
				<div class="row">
					<div class="col-md-12">
						<div class="doc-card">
							<div class="doc-icon">
								<i class="ti-star"></i>
							</div>
							<h3>Technical Features</h3>
							<p>Comprehensive capabilities for BIRD implementation and data management.</p>

							<div class="tech-features-grid">
								<div>
									<h4>Core Capabilities</h4>
									<ul style="line-height: 2.2;">
										<li><strong>Data Models:</strong> Complete BIRD data model implementation</li>
										<li><strong>Transformations:</strong> Built-in transformation engine</li>
									</ul>
								</div>
								<div>
									<h4>Integration Points</h4>
									<ul style="line-height: 2.2;">
										<li><strong>Database Support:</strong> Sqlite, more to come ...</li>
										<li><strong>Export Format:</strong> CSV</li>
										<li><strong>Monitoring:</strong> Built-in lineage</li>
										<li><strong>Versioning:</strong> Github</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- Quick Start Section -->
		<section class="doc-section" id="quickstart">
			<div class="gtco-container">
				<div class="row">
					<div class="col-md-12">
						<div class="doc-card">
							<div class="doc-icon">
								<i class="ti-bolt"></i>
							</div>
							<h3>Ready to quickstart your journey with BIRD?</h3>
							<p>Get up and running quickly with these options.</p>
							
							<div style="margin: 40px 0;">
								<h4 style="margin-bottom: 15px;">Try instantly in your browser:</h4>
								<a href="https://github.com/codespaces/new?hide_repo_select=true&ref=master&repo=235610689"
								   target="_blank"
								   class="btn-codespace"
								   title="Open in GitHub Codespace">
									<svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" class="codespace-icon">
										<path d="M7.75 2a.75.75 0 0 1 .75.75V7h4.25a.75.75 0 0 1 0 1.5H8.5v4.25a.75.75 0 0 1-1.5 0V8.5H2.75a.75.75 0 0 1 0-1.5H7V2.75A.75.75 0 0 1 7.75 2Z"></path>
									</svg>
									Open in GitHub Codespace
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- Getting Started Section -->
		<section class="doc-section" id="getting-started">
			<div class="gtco-container">
				<div class="row">
					<div class="col-md-12">
						<div class="doc-card">
							<div class="doc-icon">
								<i class="ti-rocket"></i>
							</div>
							<h3>Getting Started</h3>
							<p>Follow these simple steps to get FreeBIRD Application running.</p>

							<div class="getting-started-steps">
								<div class="step-card">
									<div class="icon"><i class="ti-download"></i></div>
									<h4>1. Install</h4>
									<p>Clone the repository and install dependencies using pip</p>
								</div>
								<div class="step-card">
									<div class="icon"><i class="ti-settings"></i></div>
									<h4>2. Configure</h4>
									<p>Set up your database and configure BIRD data paths</p>
								</div>
								<div class="step-card">
									<div class="icon"><i class="ti-rocket"></i></div>
									<h4>3. Deploy</h4>
									<p>Run migrations and start building your BIRD implementation</p>
								</div>
							</div>

							<div style="text-align: center; margin-top: 40px;">
								<a href="documentation.html#installation" class="btn-primary">View Installation Guide</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<!-- Call to Action -->
		<section class="doc-section" id="ready-to-build">
			<div class="gtco-container">
				<div class="row">
					<div class="col-md-12">
						<div class="doc-card">
							<div class="doc-icon">
								<i class="ti-heart"></i>
							</div>
							<h3>Ready to Build with FreeBIRD?</h3>
							<p style="font-size: 18px; margin-bottom: 40px;">
								Join the growing community of developers using FreeBIRD Application for BIRD implementations.
							</p>
							<a href="documentation.html" class="btn-primary">Read Documentation</a>
							<a href="https://github.com/eclipse/efbt" class="btn-secondary" style="margin-left: 20px;">Star on GitHub</a>
						</div>
					</div>
				</div>
			</div>
		</section>

	</div>

	<!-- Footer Include -->
	<div w3-include-html="footer.html"></div>

</div>

<div class="gototop js-top">
	<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
</div>

<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Carousel -->
<script src="js/owl.carousel.min.js"></script>
<!-- Magnific Popup -->
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<!-- Main -->
<script src="js/main.js"></script>
<!-- W3 Include -->
<script src="js/w3-include.js"></script>
<!-- Dynamic Sidebar -->
<script src="js/dynamic-sidebar.js"></script>

</body>
</html>